<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="../tld/pager-taglib.tld" prefix="pg" %>  
<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles" %>
<%@ taglib uri="/WEB-INF/tld/eatrip.tld" prefix="eatrip" %>  
<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<script type="text/javascript" src="../../../../js/jquery-1.7.1.js"></script>
	<script type="text/javascript" src="../../../../js/jquery-ui-1.8.16.custom.min.js"></script>
	<link rel="stylesheet" media="screen" type="text/css" href="../../../../css/ricerca.css" />
	<link rel="stylesheet" media="screen" type="text/css" href="../../../../css/footer.css" />
	<link rel="stylesheet" media="screen" type="text/css" href="../../../../css/redmond/jquery-ui-1.8.16.custom.css" />
	<title>Ricerca</title>
	<script type="text/javascript">
		function findChecked(){
			var filtri = Array();
			var indice = 0;
			$("#filtri input:checkbox").each(function(index){
				if($(this).attr("checked")){
					filtro=$(this).attr("name");
					filtri[indice]=filtro;
					indice++;
				}
			});
			//alert(filtri);
			$("#filtri-action").submit();
			
		}
	
	
		//carica script all'avvio
		$(function() {
		 	$("#filtri input").bind({
		 		click: function(){
		 			//if ($(this).attr("checked")){
		 				findChecked();
		 			//}
		 		}
		 	});
		 	
		});
	</script>
</head>
<body>
<header>
	<h1>Ricerca</h1>
	<tiles:insertAttribute name="navmenu" />
</header>
<div id="container">
	<div id="left">
		<form id="filtri-action" action="../../../../ricerca/${filtro}/${luogo}/page/1" method="POST"><!-- Bisogna fare l'invio con jquery , cancellando i div al centro e sostituendoli col il risultato nuovo -->
			<table id="filtri">
				<tr>
					<th><span>Ricevimenti</span></th>
					<th><input type="checkbox" id="ricevimenti" name="ricevimenti" <c:if test="${!empty dettagliLocale.ricevimenti}">checked="checked"</c:if>></th>
				</tr>
				<tr>
					<th><span>Sky-Mediaset</span></th>
					<th><input type="checkbox" id="sky-mediaset" name="skyMediaset" <c:if test="${!empty dettagliLocale.skyMediaset}">checked="checked"</c:if>/></th>
				</tr>
				<tr>
					<th><span>Parcheggio</span></th>
					<th><input type="checkbox" id="parcheggio" name="parcheggio" <c:if test="${!empty dettagliLocale.parcheggio}">checked="checked"</c:if> /></th>
				</tr>
				<tr>
					<th><span>All'aperto</span></th>
					<th><input type="checkbox" id="all-aperto" name="allAperto" <c:if test="${!empty dettagliLocale.allAperto}">checked="checked"</c:if>/></th>
				</tr>
				<tr>
					<th><span>Celiaci</span></th>
					<th><input type="checkbox" id="celiaci" name="celiaci" <c:if test="${!empty dettagliLocale.celiaci}">checked="checked"</c:if>/></th>
				</tr>
				<tr>
					<th><span>Vista Mare</span></th>
					<th><input type="checkbox" id="vista-mare" name="vistaMare" <c:if test="${!empty dettagliLocale.vistaMare}">checked="checked"</c:if>/></th>
				</tr>
				<tr>
					<th><span>Sala Fumatori</span></th>
					<th><input type="checkbox" id="sala-fumatori" name="salaFumatori" <c:if test="${!empty dettagliLocale.salaFumatori}">checked="checked"</c:if>/></th>
				</tr>
				<tr>
					<th><span>Animali</span></th>
					<th><input type="checkbox" id="animali" name="animali" <c:if test="${!empty dettagliLocale.animali}">checked="checked"</c:if>/></th>
				</tr>
				<tr>
					<th><span>Wifi</span></th>
					<th><input type="checkbox" id="wifi" name="wifi" <c:if test="${!empty dettagliLocale.wifi}">checked="checked"</c:if>/></th>
				</tr>
				<tr>
					<th><span>Da Asporto</span></th>
					<th><input type="checkbox" id="da-asporto" name="daAsporto" <c:if test="${!empty dettagliLocale.daAsporto}">checked="checked"</c:if>/></th>
				</tr>
				<tr>
					<th><span>Cucina Tipica</span></th>
					<th><input type="checkbox" id="cucina-tipico" name="cucinaTipica" <c:if test="${!empty dettagliLocale.cucinaTipica}">checked="checked"</c:if>/></th>
				</tr>
			</table>
			<input type="hidden" name="luogo" id="luogo" value="${luogo}"/>
		</form>
	</div>
	<div id="center">
		<!--  
		<pg:pager>
			<pg:item>
			 -->
				<c:forEach var="locale" items="${locali}" varStatus="status" begin="0" end="4">
					<eatrip:locale locale="${locale}" dimensioneDettagli="15" path="../../../../locale/idLocale/${locale.idLocale}" />
					<!-- 
					<div class="locale">
						<div class="images">
							<c:forEach var="foto" items="${locale.fotoLocale}">
								<img width="120" height="120" alt="foto no foto" src="../../../../images/<c:out value="${foto.pathFoto}"></c:out>"/>					
							</c:forEach>
						</div>
						<div class="nome-locale">
							<label class="nome-locale-label"><c:out value="${locale.nomeLocale}"></c:out></label>
						</div>
						<div class="indirizzo">
							<label class="desc" >indirizzo : </label><label class="indirizzo-label"><c:out value="${locale.indirizzo}"></c:out></label>
						</div>
						<div class="telefono">
							<label class="desc" >telefono : </label><label class="telefono-label"><c:out value="${locale.telefono}"></c:out></label>
						</div>
						<div class="sito-web">
							<label class="desc" >sito web : </label><label class="sito-web-label"><c:out value="${locale.sitoWeb}"></c:out></label>
						</div>
						<div class="tipo-locale">
							<label class="desc" >tipo locale : </label><label class="tipo-locale-label"><c:out value="${locale.tipoLocale.descrizione}"></c:out></label>
						</div>
						<div class="chiusura-settimanale">
							<label class="desc" >giorno di chiusura : </label><label class="chiusura-settimanale-label"><c:out value="${locale.chiusuraSettimanale}"></c:out></label>
						</div>
						<div class="fascia-prezzo"> convertire fascia prezzo in descrizione testuale ( magari integrando nelle query ) 
							<label class="desc" >prezzi : </label><label class="fascia-prezzo-label"><c:out value="${locale.fasciaPrezzo}"></c:out></label>
						</div>
						<div id="dettagli-${status.index}">
							<c:out value="${locale.dettagliLocale.ricevimenti}"></c:out>
							<c:out value="${locale.dettagliLocale.skyMediaset}"></c:out>
							<c:out value="${locale.dettagliLocale.parcheggio}"></c:out>
							<c:out value="${locale.dettagliLocale.allAperto}"></c:out>
							<c:out value="${locale.dettagliLocale.celiaci}"></c:out>
							<c:out value="${locale.dettagliLocale.cucinaTipica}"></c:out>
							<c:out value="${locale.dettagliLocale.musicaDalVivo}"></c:out>
							<c:out value="${locale.dettagliLocale.vistaMare}"></c:out>
							<c:out value="${locale.dettagliLocale.salaFumatori}"></c:out>
							<c:out value="${locale.dettagliLocale.animali}"></c:out>
							<c:out value="${locale.dettagliLocale.wifi}"></c:out>
							<c:out value="${locale.dettagliLocale.daAsporto}"></c:out>
						</div>
					</div>
					-->
				</c:forEach>
			<!-- 
			</pg:item>
				<c:if test="${!empty locali}">
					<c:if test="${pagina > 1}">
						<pg:pages>
							<a href="../../../${filtro}/${luogo}/page/${pagina-1}">[&lt;&lt; Previous ]</a>
						</pg:pages>
						<pg:pages>
							<a href="../../../${filtro}/${luogo}/page/${pagina-1}">${pagina-1}</a> 
						</pg:pages>
					</c:if>	
					<pg:pages>
					    <a href="../../../${filtro}/${luogo}/page/${pagina}">${pagina}</a> 
					</pg:pages>
					<c:if test="${locali.size() >= 5 }">
						<pg:pages>
						   <a href="../../../${filtro}/${luogo}/page/${pagina+1}">${pagina+1}</a> 
						</pg:pages>
						<pg:pages>
					       <a href="../../../${filtro}/${luogo}/page/${pagina + 1}">[ Next &gt;&gt;]</a>
						</pg:pages>
					</c:if>
				</c:if>
		</pg:pager>
		 -->
		 <div id="push-footer"></div>
		 <eatrip:pagina elemento="${locali}" link="../../../${filtro}/${luogo}/page/" page="${pagina}"/>
	</div>
	<tiles:insertAttribute name="footer" />
</div>
</body>
</html>